<include file='Public:header'/>

    <!-- Start Content -->
    <div id="content">

        <!-- Start Slider Wrapper -->
        <div class="slider">
        <div class="top-glow"></div>
            <div class="slider-wrapper">
            <div class="top-shadow"></div>

                <!-- Start Nivo Slider -->
                <div class="theme-default">

                    <div id="nivoSlider" class="nivoSlider">
                        <img src="__IMG__/content/slider/slider_image_1.jpg" />
                        <a href="portfolio_post.html">
                        <img src="__IMG__/content/slider/slider_image_2.jpg" alt="" title="This is an image with a link to the portfolio page." /></a>
                        <img src="__IMG__/content/slider/slider_image_3.jpg" alt="" />
                        <img src="__IMG__/content/slider/slider_image_4.jpg" alt="" title="#htmlcaption" />
                        <img src="__IMG__/content/slider/slider_image_5.jpg" alt="" />
                        <img src="__IMG__/content/slider/slider_image_6.jpg" alt="" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam consectetur semper orci eget venenatis. Donec non tellus magna." />
                    </div>

                    <div id="htmlcaption" class="nivo-html-caption">
                        <strong>This</strong> is an <em>HTML</em> caption with content about your <span style="color:#00AEFF;">services or products</span> with <a href="#">a link</a>.
                    </div>

                </div>
                <!-- End Nivo Slider -->

            <div class="bottom-shadow"></div>
            </div>
        <div class="bottom-glow"></div>
        </div>
        <!-- End Slider Wrapper -->

        <!-- Start Projects -->
        <div class="projects">
        <div class="horizon-line"></div>

        <!-- Start Carousel -->
        <div class="column three-fourth">
            <div id="carousel">
                <div class="wrapper">
                    <ul>
                        <!-- Start Project 1 -->
                        <li class="imagebox"><a href="javascript:void(0);" title="超级聚氨酯轮-红色-活动"><img src="__PUBLIC__/index/images/product/qingxing/1.jpg" alt="超级聚氨酯轮" /></a></li>
                        <!-- End Project 1 -->
                        <li class="imagebox"><a href="javascript:void(0);" title="高强度聚氨酯轮-蓝色-丝杆"><img src="__PUBLIC__/index/images/product/zhongxing/3.jpg" alt="高强度聚氨酯轮" /></a></li>
                        <li class="imagebox"><a href="javascript:void(0);" title="超静聚氨酯轮-黑色平边-丝杆"><img src="__PUBLIC__/index/images/product/zhongxing/31.jpg" alt="超静聚氨酯轮" /></a></li>
                        <li class="imagebox"><a href="javascript:void(0);" title="EH08-超级聚氨脂-红色-固定"><img src="__PUBLIC__/index/images/product/EH7/22.jpg" alt="EH08-超级聚氨脂" /></a></li>
                        <li class="imagebox"><a href="javascript:void(0);" title="EH07耐力轮-蓝色-活动"><img src="__PUBLIC__/index/images/product/EH7/9.jpg" alt="EH07耐力轮" /></a></li>
                        <li class="imagebox"><a href="javascript:void(0);" title="美力轮-红色-插干"><img src="__PUBLIC__/index/images/product/heavy/9.jpg" alt="美力轮" /></a></li>
                        <li class="imagebox"><a href="javascript:void(0);" title="美静聚氨脂轮-绿色-活动"><img src="__PUBLIC__/index/images/product/EG01/15.jpg" alt="美静聚氨脂轮" /></a></li>
                        <li class="imagebox"><a href="javascript:void(0);" title="超静聚氨脂轮-灰色-活动"><img src="__PUBLIC__/index/images/product/EG01/11.jpg" alt="超静聚氨脂轮" /></a></li>
                    </ul>
                </div>
                <div class="clearfix"></div>
                <a id="prev" class="prev" href="#" title="Previous Line">&lt;</a>
                <a id="next" class="next" href="#" title="Next Line">&gt;</a>
            </div>
        </div>
        <!-- End Carousel -->

        <div class="column one-fourth latest">
            <div class="description">
                <h2>新品展示 / <em>New Products</em></h2>
                <p style="font-size:16px;">不断创新是我们的使命</p>
                
            </div>
            <a class="blue-button" href="__APP__/Product/index" >更多产品</a>
        </div>

        <div class="clear"></div>
        <div class="horizon-line"></div>
        </div>
        <!-- End Projects -->

        <!-- Start Info Blocks -->
        <div class="info-blocks">

            <!-- Start Testimonials -->
            <div class="testimonials left">
                <h2>我们的承诺/ <em>our promise</em></h2>

                <!-- Start Testimonial -->
                <div class="testimonial bubble1">
                    <div class="content">
                        <p>诚信的销售团队，给您最合适，最节约的脚轮方案</p>
                        <p>高效的生产团队，给您最快，最精准的产品</p>
                        <p>专业的质检团队，给您准确，最高效的脚轮质量控制</p>
                    </div>
                    <div class="shadow">
                        <div class="arrow"><span class="author">全体员工</span></div>
                    </div>
                </div>
                <!-- End Testimonial -->

        	</div>
            <!-- End Testimonials -->

            <!-- Start Who We Are -->
            <div class="whoweare right">
                <h2>公司介绍 / <em>who we are</em></h2>
                <p style="font-size:14px;">宁波江东增拓贸易有限公司是宁波脚轮专业供应商、环球脚轮驻宁波办事处，主要经营万向轮、液压车、平板车、脚杯、不锈钢脚杯。环球工业脚轮采用先进的设备和科技，最好的材料保证脚轮使用灵活方便，经久耐用，在不同的场合具有耐磨、耐撞击、抗化学品腐蚀、耐低温、耐高温、行驶无轮印、保护地板、噪音小宁静的性能。广泛应用于工厂、医疗、电子、周转车、机箱、机柜、设备、无尘车间、生产流水线、大型超市等众多行业,产品畅销国内外市场。</p>
                <a class="blue-button" href="__APP__/About/index" >查看更多</a>
            </div>
            <!-- End Who We Are -->

        <div class="clear"></div>  
        </div>
        <!-- End Info Blocks -->

    <div class="horizon-line"></div>  
    </div>
    <!-- End Content -->

</div>
<!-- End Wrapper -->

<script type="text/javascript">

    // Nivo Slider

    $(window).load(function() {
        $('#nivoSlider').nivoSlider({
            effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
            animSpeed: 500, // Slide transition speed
            pauseTime: 5000, // How long each slide will show
            startSlide: 0, // Set starting Slide (0 index)
            captionOpacity: 0.8 // Universal caption opacity
        });
    });

    // Image Overlays

    $(document).ready(function() {

        $('.plus').mosaic({
            opacity: 0.7
        });

// var $whatever        = $('.grandchild');
// var ending_right     = window.innerWidth - $whatever.offset().left + $whatever.outerWidth();
// alert(ending_right);

    });

    // Carousel

    $(window).load(function() {
        $('#carousel ul').carouFredSel({
            items: 6,
            scroll: {
                items: 6,
                pauseDuration: 5000, // uncomment this line when "auto" option is true
                duration: 1000
            },
            auto: true,
            prev: '#prev',
            next: '#next'
        });
    });

</script>

<include file='Public:footer'/>

